<template>
  <div class="p-1" style="padding: 20px;">
    <h2>当前主题模式 {{ activeThemeName }}</h2>
    <ul>
      <details>
        <summary>light主题变量</summary>
        <li class="bg-white">light=>:{{ current.themes.value.light }}</li>
      </details>
      <details>
        <summary>dark主题变量</summary>
        <li class="bg-white">light=>:{{ current.themes.value.dark }}</li>
      </details>
    </ul>
  </div>
  <UploadGithub/>
</template>
<script lang="ts" setup>
import {useTheme} from 'vuetify'
import {useTheme as useLocalTheme} from '@/hooks/useTheme';
import UploadGithub from "@/components/UploadGithub.vue";

const current = useTheme()
let {activeThemeName} = useLocalTheme()
console.log('current', current);

</script>

<style scoped>
summary {
  cursor: pointer;
  font-size: 20px;
}

summary:hover {
  color: teal;
}

li {
  list-style: none;
}
</style>
